<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<!DOCTYPE html>
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="${basePath}view/jsp/js/emcs.js"></script>
<script src="${basePath}view/jsp/js/emcs2.js"></script>
<style type="text/css">
	.waikuang{
		width: 384px;
		height: 506px;
		position: absolute;
		z-index: 999;
		top: 300px;
		left: 800px;
		display: none;
	}
	#zhTitle{
		background-color:#fff;
		width:100%;
		height:30px;
		color: #000;
	}
	#zhImg{
		width:16px;
		height:18px;
		float:left;
		margin-left:8px;
		margin-top:5px;
		}
	#zhTxt{
		font-size:14px;
		font-family: "黑体";
		padding-top:6px;
		float:left;
	}
	#zhEdit{
		width:14px;
		height:14px;
		float:right;
		margin-right:15px;
		margin-top:3px;
	}
	#zhCount{
		width:100%;
		height:431px;
		background-color:#EFEFEF;
	}
	.zhTdTitle{
		background-color:#A7CBF1;
		height:20px;
		font-size:14px;
		font-family:"黑体";
		font-weight:bold;
		padding-left:10px;
		padding-top:6px;
	}
	#zhCount table{
		font-size:12.5px;
		font-family:"黑体";
		
	}
	#zhCount td{
		border:0;
		color: #000;
		}
	#zhCount table .td1{
		font-weight:bold;
		padding-left:20px;
		width:32%;
	}
	#zhCount table .td2{
		font-weight:bold;
		padding-left:10px;
		width:30%;
	}
	#dxtButton td{
		text-align:center;
		border:0;
		}
</style>
</head>

<!-- <script src="static/lib/jquery/jquery.min-v2.1.4.js"></script> -->
<script src="${basePath}static/js/jquery-1.4.2.js"></script>
<script src="${basePath}static/lib/echarts_3.7.1/echarts.js"></script>
<script src="${basePath}static/lib/common.js"></script>


<body style="">
	<div style="width: 1838px;height: 30px;margin-left: 10px;text-align: center;color: #FFFFFF;padding-top: 10px;">
		<span style="font-family:'微软雅黑';font-size: 30px;">学林路运营管理</span>
	</div>
	<div style="width: 1838px;height: 810px; background-image: url('static/images/plan_bg_meitu_1.png'); margin-left: 35px;z-index: 1;">
		
		<!-- 故障监测 -->
		<div id="gzjs" style="width: 530px;height: 217px;z-index: 10;margin-left: 30px;padding-top: 110px;float: left;" >
			<img  src="static/images/guzhang.png">
		</div>
		
		<!-- 客流统计 -->
		<div id="kltj" style="width: 550px;height:300px;margin-left: 85px;padding-top: 75px;float: left;" >
			<div id="main1" style="width: 550px;height:300px;"></div>
		</div>
		
		<!-- 环境参数 -->
		<div id="hjcs" style="width: 560px;height:300px;margin-left: 70px;padding-top: 65px;float: left; z-index: 10" >
			<div id="main2" style="width: 560px;height:130px;"></div>
			
			<div id="main3" style="width: 560px;height:130px;margin-top: 43px;"></div>
		</div>
		
		<!-- 重要设备监视 -->
		<div id="zysbjs" style="width:585px;height: 370px; clear:both; float: left; margin-top: 60px; margin-left: 10px; z-index: 10">
			<table id="wai" width="100%" height=100%" border="0" cellpadding="0" cellspacing="0" style="">
				<tr>
					<td width="65%" height="33px" style="border-top: 0;border-right: 1px dashed #000; border-bottom: 0;border-left: 0;" >
					</td>
					<td style="border: 0;">
					</td>
				</tr>
				<tr>
					<td height="45.5%" style="border-top: 0;border-right: 1px dashed #000; border-bottom: 1px dashed #000;border-left: 0;">
					 	<table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
					 		<tr>
					 			<td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑'; color: #C7C7C8;border: 0;">
					 				&nbsp;&nbsp;&nbsp;组<br>&nbsp;&nbsp;&nbsp;合<br>&nbsp;&nbsp;&nbsp;式<br>&nbsp;&nbsp;&nbsp;空<br>&nbsp;&nbsp;&nbsp;调<br>
					 			</td>
					 			<td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKT-I1" style="width: 14px;height: 14px; float: left;margin-left: 50px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-I1">变</span></div>
					 				<div style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-I1" alt="" onclick="show1('KT-I1');" src="static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKT-I2" style="width: 14px;height: 14px; float: left;margin-left: 10px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-I2">变</span></div>
					 				<div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-I2" alt="" onclick="show1('KT-I2');" src="static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
					 			</td>
					 		</tr>
					 		<tr>
					 			<td style="padding-left: 90px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-I1</td>
					 			<td style="padding-left: 50px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-I2</td>
					 		</tr>
					 		<tr>
					 			<td style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKT-II1" style="width: 14px;height: 14px; float: left;margin-left: 50px; color: #DFBC00;font-weight:bold;"><span id="TxtEmcsKT-II1">变</span></div>
					 				<div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-II1" alt="" onclick="show1('KT-II1');" src="static/images/fengji/da/ZKT_yellow_run.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKT-II2" style="width: 14px;height: 14px; float: left;margin-left: 10px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-II2">变</span></div>
					 				<div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-II2" alt="" onclick="show1('KT-II2');" src="static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
					 			</td>	
					 		</tr>
					 		<tr>
					 			<td style="padding-left: 85px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-II1</td>
					 			<td style="padding-left: 45px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-II2</td>
					 		</tr>
					 		
					 	</table>
					</td>
					<td height="45.5%" style="border-top: 0;border-right: 0; border-bottom: 1px dashed #000;border-left: 0;">
						 <img alt="" src="static/images/ggft.png" >
					</td>
				</tr>
				<tr>
					<td style="border-top: 0;border-right: 1px dashed #000; border-bottom: 0;border-left: 0;">
						<table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
					 		<tr>
					 			<td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">
					 				&nbsp;&nbsp;&nbsp;大<br>&nbsp;&nbsp;&nbsp;系<br>&nbsp;&nbsp;&nbsp;统<br>&nbsp;&nbsp;&nbsp;风<br>&nbsp;&nbsp;&nbsp;机<br>
					 			</td>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKXF-I1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsKXF-I1">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="KXF-I1" alt="" src="static/images/fengji/xiao/fengji_green.gif" onclick="show2('KXF-I1')" style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKXF-I2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsKXF-I2">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="KXF-I2" alt="" onclick="show2('KXF-I2');" src="static/images/fengji/xiao/fengji_green.gif"  style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivHPF-I1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsHPF-I1">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="HPF-I1" alt="" onclick="show2('HPF-I1');" src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivHPF-I2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsHPF-I2">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="HPF-I2" alt="" onclick="show2('HPF-I2');"  src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 		</tr>
					 		<tr>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-I1</td>
					 			<td style="padding-left: 25px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-I2</td>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-I1</td>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-I2</td>
					 		</tr>
					 		<tr>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKXF-II1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKXF-II1">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="KXF-II1" alt="" onclick="show2('KXF-II1');" src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivKXF-II2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKXF-II2">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="KXF-II2" alt="" onclick="show2('KXF-II2');" alt="" src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivHPF-II1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsHPF-II1">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="HPF-II1" alt="" onclick="show2('HPF-II1');" src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 			<td width="22.5%" width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
					 				<div id="TxtDivHPF-II2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsHPF-II2">变</span></div>
					 				<div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="HPF-II2" alt="" onclick="show2('HPF-II2');" alt="" src="static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
					 			</td>
					 		</tr>
					 		<tr>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-II1</td>
					 			<td style="padding-left: 25px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-II2</td>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-II1</td>
					 			<td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-II2</td>
					 		</tr>
					 		
					 	</table>
					</td>
					<td style="border: 0;">
						<img alt="" src="static/images/ckft.png" style="margin-left: 4px;">
					</td>
				</tr>
			</table>
		</div>
		
		<!-- 屏蔽门监视   -->
		
		<div id="pbmjs" style="width:585px;height: 370px;float: left;margin-left: 32px;padding-top: 95px;" >
			<img  src="static/images/pbmjs.png">
			<img  src="static/images/swjs.png" style="margin-top: 80px;margin-left: 3px;" >
		</div>
		
		<!-- 车站网络状态监视 -->
		<div id="czwlztjs" style="width:557px;height: 311px;float: left;margin-left: 47px;padding-top: 95px;" >
			<img  src="static/images/czwlztjs.png">
		</div>
	</div>
	
	<!-- 信息弹出框 -->
	<!-- 组合式(大风机) -->
	<div class="waikuang" id="zhsktq">
    	<div id="zhTitle">
        	<div id="zhImg"><img src="static/images/zhktq.png" /></div>
            <div id="zhTxt">
            	<span>&nbsp;组合式空调器<a id="biaotiID">KT-II2</a></span>
            </div>
            <div id="zhEdit">
            	<img style="cursor:pointer" src="static/images/zhEdit.png" onclick="hide1()" />
            </div>
        </div>
        <div id="zhCount">
        	<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
            	<tr>
                	<td colspan="4" class="zhTdTitle" >设备信息</td>
                </tr>
                <tr>
                	<td class="td1">设备名称：</td>
                    <td>组合式空调器</td>
                    <td class="td2">设备代码：</td>
                    <td id="devID">KT-II2</td>
                </tr>
                <tr>
                	<td class="td1">安装位置：</td>
                    <td id="azwz">公共区</td>
                </tr>
                <tr>
                	<td colspan="4" class="zhTdTitle">设备状态</td>
                </tr>
                <tr>
                	<td class="td1">运动状态：</td>
                    <td id="ydzt">停止</td>
                    <td class="td2">有功电镀：</td>
                    <td id="ygdd">15.44 KWh</td>
                </tr>
                <tr>
                	<td class="td1">运动频率：</td>
                    <td id="ydpl">10.56HZ</td>
                    <td class="td2">过载故障：</td>
                    <td id="gzgz">无</td>
                </tr>
                <tr>
                	<td class="td1">变频器故障报警：</td>
                    <td id="bpqgzbj">无</td>
                    <td class="td2">变频器通信故障：</td>
                    <td id="bpqtxgz">无</td>
                </tr>
                <tr>
                	<td class="td1">累计运行时间：</td>
                    <td id="ljyxsj">12.71323</td>
                    <td class="td2">三相平均电流：</td>
                    <td id="sxpjdl">10.61 A</td>
                </tr>
                <tr>
                	<td class="td1">联锁是否满足：</td>
                    <td id="ls">不满足</td>
                </tr>
                <tr>
                	<td colspan="4" class="zhTdTitle">设备控制</td>
                </tr>
                <tr>
                	<td class="td1">当前操作场所：</td>
                	<td id="dqczcs">远方</td>
                </tr>
                <tr>
                	<td class="td1">频率设定：</td>
                    <td><input id="plsd" type="text" style=" width:70px; height:25px;" /></td>
                    <td>HZ <input type="button" value="设定" style="width:70px; height:25px;" onclick="plsd();" /></td>
                    
                </tr>
                <tr>
                	<td></td>
                    <td><input type="button" value="变频运动" style="width:70px; height:25px;" onclick="yxkz();"/></td>
                    <td>&nbsp;&nbsp;&nbsp;<input type="button" value="变频停止" style="width:70px; height:25px;" onclick="tzkz();"/></td>
                </tr>
            </table>
        </div>
    </div>
    
    <!-- 大系统（小风机） -->
    <div class="waikuang" id="dxthpfj">
    	<div id="zhTitle">
        	<div id="zhImg"><img src="static/images/zhktq.png" /></div>
            <div id="zhTxt">
            	<span>&nbsp;大系统回排风机 <a id="biaotiID2">HPF-I2</a></span>
            </div>
            <div id="zhEdit">
            	<img style="cursor:pointer" src="static/images/zhEdit.png" onclick="hide2()"/>
            </div>
        </div>
        <div id="zhCount">
        	<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
            	<tr>
                	<td colspan="4" class="zhTdTitle" >设备信息</td>
                </tr>
                <tr>
                	<td class="td1">设备名称：</td>
                    <td>大系统回排风机</td>
                    <td class="td2">设备代码：</td>
                    <td id="devID2">HPF-I2</td>
                </tr>
                <tr>
                	<td class="td1">安装位置：</td>
                    <td id="azwz2">空调机房</td>
                </tr>
                <tr>
                	<td colspan="4" class="zhTdTitle">设备状态</td>
                </tr>
                <tr>
                	<td class="td1">运动状态：</td>
                    <td id="ydzt2">运行</td>
                    <td class="td2">有功电镀：</td>
                    <td id="ygdd2">15.44 KWh</td>
                </tr>
                <tr>
                	<td class="td1">运动频率：</td>
                    <td id="ydpl2">10.56HZ</td>
                    <td class="td2">变频器通信故障：</td>
                    <td id="bpqtxgz2">无</td>
                    
                </tr>
                <tr>
                	<td class="td1">过载故障：</td>
                    <td id="gzgz2">无</td>
                	<td class="td2">火灾模式：</td>
                    <td id="hzms2">无</td>
                    
                </tr>
                <tr>
                	<td class="td1">变频器故障报警：</td>
                    <td id="bpqgzbj2">无</td>
                    <td class="td2">三相平均电流：</td>
                    <td id="sxpjdl2">10.61A</td>
                </tr>
                <tr>
                	<td class="td1">累计运行时间：</td>
                    <td id="ljyxsj2">12.71小时</td>
                	<td class="td2">联锁是否满足：</td>
                    <td id="ls2">不满足</td>
                </tr>
                <tr>
                	<td colspan="4" class="zhTdTitle">设备控制</td>
                </tr>
                <tr>
                	<td class="td1">当前操作场所：</td>
                	<td id="dqczcs2" >远方</td>
                </tr>
                <tr>
                	<td class="td1">频率设定：</td>
                    <td><input id="plsd2" type="text" style=" width:70px; height:25px;" /></td>
                    <td>HZ <input onclick="plsd2();" type="button" value="设定" style="width:70px; height:25px;" /></td>
                    
                </tr>
            </table>
        </div>
        <div id="dxtButton" style="background-color:#EFEFEF;" >
        	<table width="100%" height="45px" cellpadding="0" cellspacing="0" border="0">
            	<tr>
                    <td><input onclick="yxkz2();" type="button" value="变频运动" style="width:70px; height:25px;" /></td>
                    <td><input onclick="tzkz2();" type="button" value="变频停止" style="width:70px; height:25px;" /></td>
                    <td><input onclick="hzyx();" type="button" value="火灾运动" style="width:70px; height:25px;" /></td>
                    <td><input onclick="zhtz();" type="button" value="灾后运动" style="width:70px; height:25px;" /></td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>
<script src="${basePath}static/js/index/kltj.js"></script>
<script src="${basePath}static/js/index/hjcss.js"></script>
<script src="${basePath}static/js/index/hjcsx.js"></script>

<script type="text/javascript">
	
</script>

<script type="text/javascript">
$(document).ready(function() 
		{ 
		$(".waikuang").mousedown(function(e)//e鼠标事件 
		{ 
		$(this).css("cursor","move");//改变鼠标指针的形状 

		var offset = $(this).offset();//DIV在页面的位置 
		var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离 
		var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离 
		$(document).bind("mousemove",function(ev)//绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件 
		{ 
		$(".waikuang").stop();//加上这个之后 

		var _x = ev.pageX - x;//获得X轴方向移动的值 
		var _y = ev.pageY - y;//获得Y轴方向移动的值 

		$(".waikuang").animate({left:_x+"px",top:_y+"px"},10); 
		}); 

		}); 

		$(document).mouseup(function() 
		{ 
		$(".waikuang").css("cursor","default"); 
		$(this).unbind("mousemove"); 
		}) 
		}) 

		// -->
</script> 
